import './index.css';
import styles from './CSSModules.css';
import './less.less';
import './scss.scss';
export default function Page() {
  return (
    <div>
      <h1 className="direct">直接引入CSS</h1>
      <h1 className={styles.direct}>CSSModules</h1>
      <h1 className={`lessdirect`}>less</h1>
      <h1 className={`scssdirect`}>scss</h1>
      <h1 className='bg-black text-white'>原子化的CSS工具tailwindcss</h1>
      <div className="p-4 bg-blue-200 text-center">
        <button className='px-4 py-2 bg-blue-500 text-white rounded'>Click Me</button>
      </div>
    </div>
  );
}
